<template>
  <view class="container">
    <view class="container_wrap">
      <view class="title">
        {{info.noticeTitle}}
      </view>

      <view class="content">
        <u-parse :content="info.noticeContent">

        </u-parse>
      </view>
    </view>
  </view>
</template>

<script>
import {getSystemNoticeInfo} from "@/config/api";

export default {
  data() {
    return {
      info: {

      }
    };
  },
  onLoad({id}) {

    getSystemNoticeInfo(id).then(res=>{
        this.info = res.data;
    })
  },
}
</script>

<style lang="scss">

.container {
  flex-direction: column;
  justify-content: unset;

  .container_wrap {

    padding: $sys-padding-30;

    .title {
      text-align: center;
      font-weight: bolder;
    }

    .content {
      padding-top: $sys-padding-30;
      font-size: 14px;
    }
  }
}
</style>
